<template>
     <!-- 头部搜索区 -->
     <div class="topListNav">
       <div class="back">
         <i class="iconfont icon-zuojiantou" @click="$router.push('/home')"></i>   
       </div>
       <div class="right"> 
          <h2>{{title}}</h2>
       </div>
    </div>
</template>

<script>
export default {
 props:['title']
}
</script>

<style lang="less" scoped>
.topListNav{
    z-index: 999;
    position: fixed;
    top:0;
    left:0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 1rem;
    padding:0 0.4rem;
    background-color: #fff;
    .iconfont{
      font-size: 0.5rem;
      color:#ccc
    }
    .right{
      padding:0 0 0 0.2rem;
      flex:1;
      h2{
        font-size:0.35rem;
      }
    }
  }
</style>